<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <!-- 轮播图 -->
    <jsp:include page="include/meta.jsp">
        <jsp:param name="pageTitle" value="注册"/>
    </jsp:include>

    <script>
        /*window.onload = function () {
            sideLab();
            sideLabSex();
            sideLabGoods();
            sideLabGoods02();
        }*/
    </script>
    <script type="text/javascript" src="${base}/js/register.js"></script>
</head>

<body>

<div id="wrapper">
    <jsp:include page="include/head.jsp">
        <jsp:param name="menuIdx" value="0"/>
    </jsp:include>
    <!-- 内容区域 -->
    <div class="register_container">
        <div class="register_main" id="register_main">
            <div class="register_top" id="register_top">
                <div class="register_labcur register_tab" id="personalTab">
                    <img src="${base}/images/register_ico01.jpg" style="margin-top:8px; margin-right:5px;"/>个人用户
                </div>
                <div class="register_lab register_tab" id="companyTab">
                    <img src="${base}/images/register_ico02.jpg" style="margin-top:8px; margin-right:5px;"/>企业用户
                </div>
            </div>
        <span class="register_down" id="personalContainer">
          <form id="personalForm" name="personalForm" method="post" action="${base}/register">
              <input type="hidden" name="regType" id="regType" value="1"/>
              <div style="margin-bottom:20px;">
                  <label for="mobile">手机号码</label>
                  <input type="text" name="mobile" id="mobile" placeholder="请填写有效的手机号码" class="register_input"/>

                  <div class="register_warning">手机号码错误，请重新输入！</div>
              </div>
              <div style="margin-bottom:20px;">
                  <label for="mobileCode">验证码</label>
                  <input type="text" name="mobileCode" id="mobileCode" placeholder="手机验证码" style="width:142px;"
                         class="register_input"/>

                  <div class="register_phonecode"><a href="#" id="mobileCodeBtn" >发送手机验证码</a></div>
                  <!--<div class="register_phonecode_ok">59秒后重新发送</div>--> <!-- 发送验证码后的样式 -->
                  <div class="register_warning">验证码错误，请重新输入！</div>
              </div>
              <div style="margin-bottom:20px;">
                  <label for="passwd">设置密码</label>
                  <input type="password" name="passwd" id="passwd" placeholder="6-20位字符，支持中英文、数字"
                         class="register_input"/>

                  <div class="register_warning">密码错误，请重新输入！</div>
              </div>
              <div style="margin-bottom:20px;">
                  <label for="passwdConfirm">确认密码</label>
                  <input type="password" name="passwdConfirm" id="passwdConfirm" placeholder="请再次输入密码"
                         class="register_input"/>

                  <div class="register_warning">两次密码输入不一样，请重新输入！</div>
              </div>
              <div style="margin-bottom:20px;">
                  <label for="realName">真实姓名</label>
                  <input type="text" name="realName" id="realName" placeholder="请填写与身份证一致的姓名" class="register_input"/>
                  <div class="register_warning">姓名错误，请重新输入！</div>
              </div>
              <div style="margin-bottom:20px;">
                  <label for="nick">网站昵称</label>
                  <input type="text" name="nick" id="nick" placeholder="请设置您在本网站的昵称" class="register_input"/>

                  <div class="register_warning">昵称错误，请重新输入！</div>
              </div>
              <div style="margin-bottom:20px;">
                  <label for="address">联系地址</label>
                  <input type="text" name="address" id="address" placeholder="请填写有效的邮寄地址" class="register_input"/>

                  <div class="register_warning">地址填写错误，请重新输入！</div>
              </div>
              <div style="margin-bottom:20px;">
                  <label for="code">验证码</label>
                  <input type="text" name="code" id="code" placeholder="图片验证码" style="width:142px;"
                         class="register_input"/>
                  <a href="#"><img src="${base}/code" id="randomCode" title="点击刷新验证码" style="margin-left:8px;" onclick="reloadRandomCode('${base}','randomCode')"/></a>

                  <div class="register_warning">验证码错误，请重新输入！</div>
              </div>
              <div style="margin-bottom:20px; margin-left:50px;">
                  <input type="checkbox" name="agree" id="agree"/> 我已阅读并接受<a href="#" target="_blank"
                                                                                     style="color:#1b97cf;">《怡天畅想用户协议》</a>
              </div>
              <input type="button" name="registerBtn" id="registerBtn" value="立即注册" class="register_submit"/><br/>
          </form>
        </span>
        </div>

    </div>
    <!-- 内容区域结束 -->
    <jsp:include page="include/foot.jsp"/>


</div>


</body>
</html>
